<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{margin:0;padding: 0;}
			li{list-style: none;}
			a{text-decoration: none;}
			html,body{width: 100%;height:100%;}
			.boss{width:100%;height:100%;}
			.banner{width:100%;height:84%;}
			.banner img{width:100%;height:100%;}
			.nav{width:100%;height:10%;}
			.nav ul{position:relative;top:39%;margin-left:28%;}
			.nav li{float:left;padding:0 1%;border-right:1px solid black;}
			.nav li a{font-size: 12px;display: block;}
			.copyright{width:100%;height:6%;background: url(img/bottom.jpg) repeat-x;background-size:100% 100%;}
			.copyright div{position:relative;top:34%;text-align:center;font-size:10px;}
		</style>
	</head>
	<body>
		<div class="boss">
			<div class="banner"><img src="img/banner.jpg"/></div>
			<div class="nav">
				<ul>
					<li>
						<a href="">首页</a>
					</li>
					<li>
						<a href="">关于王力</a>
					</li>
					<li>
						<a href="">产品世界</a>
					</li>
					<li>
						<a href="">新闻中心</a>
					</li>
					<li>
						<a href="">营销网络</a>
					</li>
					<li>
						<a href="">下载中心</a>
					</li>
					<li>
						<a href="">联系我们</a>
					</li>
					<li>
						<a href="">CN/EN</a>
					</li>
				</ul>
			</div>
			<div class="copyright"><div>版权所有：浙江王力有限公司 技术支持：派桑网络</div></div>
		</div>
		
	</body>
</html>
